// 登录页面的样式
@import "../../style/common.less";

.login-box {
    display: block;
    position: relative;
    height: 100%;
    > .footer {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        line-height: 36px;
        font-size: .6rem;
        color: #ccc;
        text-align: center;
    }
}

.login-welcome {
    display: block;
    position: relative;
    padding-top: 28vh; // view-port的20%高度

    > .van-circle {
        position: absolute;
        top: 12px;
        right: 12px;
    }

    > .title,
    > .sub {
        display: block;
        text-align: center;
        color: @primary;
    }

    > .title {
        position: relative;
        font-size: 1.3rem;
        font-weight: 400;
        &::before {
            content: '';
            display: block;
            width: 68px;
            height: 68px;
            margin: auto;
            background: url(../../images/logo-en.png) center center / 56px 56px no-repeat;
        }
    }

    > .sub {
        font-size: .7rem;
        line-height: 42px;
    }
}

.login-content {
    display: block;
    position: relative;
    padding: 10vh 16px 0;
    > .title {
        display: block;
        font-size: 1.15rem;
        color: @primary;
        text-align: center;
        line-height: 56px;
        margin-bottom: 20px;
        &::before {
            content: '';
            display: inline-block;
            vertical-align: middle;
            width: 36px;
            height: 36px;
            background: url(../../images/logo-en.png) center center / 28px 28px no-repeat;
        }
    }
    > .line {
        display: flex;
        border-bottom: 1px solid @cdd;
        padding: 10px 0;
        height: 50px;
        margin-bottom: 16px;
        &::before {
            content: '';
            flex: 0 0 36px;
            background: url(../../images/user-icon.png) center center / 24px 24px no-repeat;
        }
        input {
            flex: 1;
            outline: none;
            border: none;
            font-size: .7rem;
            padding: 0 8px;
            background: transparent;
        }
        span {
            flex: 0 0 110px;
            font-size: .7rem;
            text-align: center;
            line-height: 30px;
            border-left: 1px solid #ddd;
        }
    }

    .van-checkbox {
        font-size: .7rem;
        margin-bottom: 16px;
    }
}